// //获取菜单的列表getFoodList
function getFoodList(seatNumber){
    const list = document.getElementsByName("menu");
    for(let i in list){
        if(list[i].checked === true){
            cookCount++;
            let cookMsg ={
                tableID:seatNumber,
                foodID:i,
                colorId:seatNumber,
                status:"wait"
            }
            cookingList.push(cookMsg)//将菜单的信息放进cooking的列表里面
        }
    }

}
//菜单的校验
function menuCanUser(){
    const list = document.getElementsByName("menu")
    let liangCai = 0,
    zhuCai=0,
    drinking =0;
    for(let i in list){
        if(i<2){//凉菜是前面的两个0,1
            if(list[i].checked === true){
                liangCai++;
            }
        }else if(i <7){//主菜
            if(list[i].checked === true){
                zhuCai++
            }
        }else{//饮品
            if(list[i].checked == true){
                drinking++;
            }
        }
    }
    //满足规则才可以通过
    if(liangCai <=1&& zhuCai ===1 && drinking <=1){
        return true
    }
    return false;
}
//打开菜单handleOpenMenu
function handleOpenMenu(id,seatNumber){
    //首先获取菜单的列表
    let menu = document.getElementById("menus");
    menu.style.display = "block"//展示菜单栏
    //顾客头像的设置
    let menuImg = document.getElementById("cus_img");
    //菜单的列表的
    let list = document.getElementsByName("menu")
    //点菜的按钮
    const order = document.getElementById("order")
    //取消点菜的按照
    const quit = document.getElementById("quit")
    //点菜信息的提示
    let menuTitle = document.getElementById("image_p")
    console.log(menuImg);
    menuImg.src = customer[id].img;
    let text = customer[id].name +"正在点菜，已经点了0元";
    menuTitle.innerHTML =text;
    //设置未点菜的时候，不能点击order的按钮
    order.setAttribute("style", "background: linear-gradient(180deg, #ded3ba 50%, #d3c6a5 50%);border: 3px solid #938867;color: #938867;")
    //所有选项开始时均置为未选的状态
    list.forEach((item)=>{
        item.checked = false;
    })
    list.forEach((item)=>{
        item.addEventListener("change",()=>{
            handleGetMenu(id)
        })
    })
    //点完菜之后，对用户的状态进行修改
    //首先是，假如他是点击取消的话，则将其的状态
    //设置为今天之内不是不会再来的
    const newQuit=()=>{
        changeCustomerStatus(id,menu)
    }
    //首先就是先移除上一个保存在这里的信息
    quit.removeEventListener("click",quitButtonLister)
    //然后更新新的用户的一个状态
    quit.addEventListener("click",newQuit)
    quitButtonLister = newQuit
    //点击那个提交的按钮
    const newSubmit=()=>{
        readerTable(seatNumber,id,menu);
    }
    //点击之后删除上一个顾客留下来的信息，然后再进行更新
    order.removeEventListener("click",sumbitButtonListener)
    //重置新的内容
    order.addEventListener("click",newSubmit)
    sumbitButtonListener = newSubmit;
}
// handleMenu处理菜单的选项选中的值
function handleGetMenu(id){
    let totalPrice = 0;//设置菜品的总的数量
    let originPrice = 0;//设置菜品的成本价
    let menuImg = document.getElementById("cus_img");
    //菜单的列表的
    let list = document.getElementsByName("menu")
    //点菜的按钮
    let order = document.getElementById("order")
    //取消点菜的按钮
    let quit = document.getElementById("quit")
    let menuTitle = document.getElementById("image_p")
    for(let i in list){//遍历input里面的状态值，假如是true的话，则将其的值的价格进行相加
        if(list[i].checked === true){
            totalPrice+=parseInt(list[i].value)
            originPrice+=parseInt(list[i].value)-4
        }
    }
    let text = customer[id].name+ "正在点菜，已点"+ totalPrice+"元的菜"
    menuTitle.innerHTML = text;
    //设置是否客户点击
    if (menuCanUser()) {
        order.setAttribute("style", "background: linear-gradient(180deg, #ffe699 50%, #ffd24d 50%);border: 3px solid #a2811d;color: #a2811d;");
    } else {
        order.setAttribute("style", "background: linear-gradient(180deg, #ded3ba 50%, #d3c6a5 50%);border: 3px solid #938867;color: #938867;");
    }
    
}